<!DOCTYPE html>
<html lang="en" xmlns:bordercolor="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>模仿百度图片静态页面</title>
    <style>
        body{
            background-image: url("images/bg.jpg");
            background-size:100% 100%;
        }

        .header{
            text-align: right;
            word-spacing: 11px;
        }
        a{
            color: white;
        }
        .nav{
            text-align: center;
            margin-top: 50px;
        }
        input[type="text"]{
            width: 400px;
            height: 30px;
            float: left;
            margin-left:600px;
        }
        input[type="submit"]{
            width: 100px;
            height: 34px;
            background: #3388ff;
            font-size: 20px;
            float: left;
        }

        h1{
            color: white;
            font-family: "Arial Rounded MT Bold";
            font-size: 50px;
        }
        table{
            margin-top:100px;
        }

        img{
            display: block;
            float: left;
            margin: 5px;
            width: 194px;
            height: 167px;
        }
        .p1{
            margin-left:40px;
        }
        p{
            float: left;
            color: white;
            margin-left: 450px;
            margin-top:300px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="header">
        <a href="#">网页</a>
        <a href="#">新闻 </a>
        <a href="#">贴吧 </a>
        <a href="#">知道</a>
        <a href="#">音乐 </a>
        <a href="#">图片</a>
        <a href="#"> 视频</a>
        <a href="#"> 地图 </a>
        <a href="#">文库</a>
        <a href="#">|</a>
        <a href="#"> 百度首页</a>
        <a href="#">登录</a>
        <a href="#">注册</a>
        <a href="#">收藏本页</a>
    </div>
    <div class="nav">
      <h1>Baidu图片</h1>
        <input type="text"/>
        <input type="submit" value="百度一下"/>
    </div>
    <div class="content">
        <table align="center">
            <tr>
                <td></td>
                <td>
                    <img src="images/chongzi.jpg"/>
                    <img src="images/duorou.jpg"/>
                    <img src="images/tuzi.jpg"/>
                    <img src="images/timg.jpg"/>
                    <img src="images/ppt.jpg"/>
                </td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <img src="images/hua.jpg"/>
                    <img src="images/haibian.jpg"/>
                    <img src="images/xiaotu.jpg"/>
                    <img src="images/xiaoqingxin.png"/>
                    <img src="images/bg.jpg"/>
                </td>
                <td></td>
            </tr>
            <tr></tr>
        </table>
    </div>
     <div class="footer">
       <p class="p1">背景图片来源：胡亦鸣（云漫）</p>
       <p class="p2">&copy;2017&nbsp;Baidu&nbsp;使用百度前必读|高级搜索|帮助</p>
     </div>
</div>
</body>
</html>